
#body{margin: 0 auto;min-width: 900px;max-width: 1200px;
}
#body{margin: 0 auto;min-width: 900px;max-width: 1200px;}
#logo{height: 50px;box-shadow: 0 0px 1px lightgrey;position: relative;}
#logo:after{content: ".";display: block;width: 0px;height: 0px;visibility: hidden;clear: both;}
#logo > span{height: 100%;line-height: 50px;}
#logo-img{position: absolute;top: 1px;left: 2px;}
#ourname{position:absolute;font-size: 30px;left: 60px;color: #0d8690}
#welcome{float: right;margin-right: 100px;}
#time{float:right;margin-right: 25px;width: 190px;text-align: right; background:url("../images/timer.png") no-repeat;background-size: contain;}
#exit{float: right;margin:10px 5px;width: 50px;height: 30px;line-height: 30px;width: 50px !important;font-size: 10px;}
#currentuser{font-weight: 700;color: #0d8690;}
#content{min-height: 600px;position: relative;margin-top: 10px;}
#left{position: absolute;width: 240px;height: 100%;padding-left: 20px;box-shadow: 0px 0 30px lightgrey}
.circle{width: 100px;height: 100px;border-radius: 50%;background: #0d8690;text-align: center;color: white;position: relative;margin-top: 35px;transition: .1s;}
.circle:hover{background-color: #1c717b}
.circle >span{color: whitesmoke}
.circle >span{line-height: 100px;cursor: default;}
.circle > ul{border: solid 0px;;position: absolute;left: 0px;top: calc(50% - 45px);width: 100%;height: 100%;text-align: left;transition: all 0.1s ease}
.circle > ul > li{white-space: nowrap !important;line-height: 30px;cursor: pointer;transform-origin: left;transition: all 0.3s ease;display: block;min-width: 100px;height: 30px;z-index: 2;}
.circle > ul > li > a:hover{color: #0d8690;font-weight: 700;}
#right{width: calc(100% - 300px);position: absolute;right: 0px;height: 100%;box-shadow: 0 0 20px lightgrey;text-align: center;
}
#footer{height: 50px;text-align: center;line-height: 50px;}